<template>
	<view class="content">
		<!--用户信息-->
		<view class="user-section">
			<image class="bg" src="/static/user/user-bg.jpg"></image>
			<view class="user-info-box" @click="navTo('/pages/user/info/info')" >
				<view class="avatar-box">
					<image class="avatar" :src="userInfo.avatar || '/static/user/default-avatar.png'"></image>
				</view>
				<view class="info-box">
					<text class="username">{{userInfo.userName || '游客'}}</text>
					<text class="sign clamp">{{userInfo.sign}}</text>
				</view>
				<view class="cell-more ">
					<text class="iconfont icon-you"></text>
				</view>
			</view>
		</view>
		
		<!--列表信息-->
		<view class="cover-container">
			<!--头部圆弧-->
			<image class="arc" src="/static/user/arc.png"></image>
			
			<!-- 订单信息 -->
			<view class="order-section">
				<view class="order-item" @click="navTo('/pages/order/list/list?state=0')" hover-class="common-hover"  :hover-stay-time="50">
					<text class="iconfont icon-quanbudingdan"></text>
					<text>全部订单</text>
				</view>
				<view class="order-item" @click="navTo('/pages/order/list/list?state=1')"  hover-class="common-hover" :hover-stay-time="50">
					<text class="iconfont icon-daifukuan"></text>
					<text>待付款</text>
				</view>
				<view class="order-item" @click="navTo('/pages/order/list/list?state=2')" hover-class="common-hover"  :hover-stay-time="50">
					<text class="iconfont icon-daishouhuo"></text>
					<text>已完成</text>
				</view>
				<view class="order-item" hover-class="common-hover"  :hover-stay-time="50">
					<text class="iconfont icon-kefu"></text>
					<text>退款/售后</text>
				</view>
			</view>
			<!-- 导航入口 -->
			<view class="nav-section">
				<list-cell icon="iconfont icon-shouhuodizhi" iconColor="#5fcda2" title="地址管理" @eventClick="navTo('/pages/user/address/list')"></list-cell>
			</view>
			<view class="nav-section">	
				<list-cell icon="iconfont icon-zuji" iconColor="#e07472" title="我的足迹" @eventClick="navTo('/pages/user/history/history')"></list-cell>
				<list-cell icon="iconfont icon-shoucangxuanzhong" iconColor="#ff0000" title="我的收藏" @eventClick="navTo('/pages/collection/collection')"></list-cell>
				<list-cell icon="iconfont icon-pingjia" iconColor="#ee883b" title="我的评价"></list-cell>
			</view>
			<view class="nav-section">
				<list-cell icon="iconfont icon-shezhi-xianxing" iconColor="#e07472" title="设置" @eventClick="navTo('/pages/set/set')"></list-cell>
			</view>
		</view>
	</view>
</template>


<script src = "./user.js"></script>

<style lang="scss" src = "./user.scss"></style>